<template>
    <transition name="fade" mode="out-in">
        <router-view></router-view>
    </transition>
</template>
<script>
import { remote } from 'electron'
export default {
    name: 'app',
    data() {
        return {}
    },
    mounted: function () {
        // 开发环境监听f12和F5
        if (process.env.NODE_ENV == 'development') {
            window.onkeyup = function (e) {
                if (e.keyCode == 123) {
                    let win = remote.getCurrentWindow()
                    win.webContents.openDevTools()
                }
                if (e.keyCode == 116) {
                    let win = remote.getCurrentWindow()
                    win.webContents.reload()
                }
            }
        }
    }
}
</script>
<style>
.fade-enter-active, .fade-leave-active {
  transition: opacity .1s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.el-menu {
    border: none;
    overflow: hidden;
}

.el-row {
    margin: 0px;
    padding: 0px;
}

.rowHead {
    padding: 10px;
    background-color: #fff;
    margin: 0px 0px 10px 0px !important;
}

.mainDiv {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.el-table td,
.el-table th {
    padding: 6px 0px;
}


/*控制弹框阴影*/

.v-modal {
    position: absolute;
}

.el-message-box__wrapper {
    outline: none;
}

/*刷新按钮*/
.buttonLeft{
    float: right;
    margin-left: 5px
}
.searchArea{
    width: 300px;
    float: right
}
</style>